import React, {PureComponent} from 'react'
import Bar from '../component/problem/bar'
import Pie from '../component/problem/pie'
import Line from '../component/problem/line'
import '../../css/problem.scss'
import {getExceptionCycle, getExceptionClose, getExceptionStat} from '../action/map.action'
import {setTitle, scale} from '../component/chart/util/common'
import {connect} from 'react-redux'

class Problem extends PureComponent {
    componentDidMount() {
        const {dispatch} = this.props
        dispatch(getExceptionCycle())
        dispatch(getExceptionClose())
        dispatch(getExceptionStat())
    }

    render() {
        const {exceptionClose} = this.props
        return (
            <div className="full-container">
                <div className="problem-pie">
                    <Pie/>
                </div>
                <div className="problem-bar">
                    <Bar/>
                </div>
                <div className="problem-line">
                    <Line/>
                </div>
            </div>
        )
    }

}


function mapStoreToProps({}) {
    return {
    }
}

export default connect(mapStoreToProps)(Problem)